@extends("system.layout")
@section("main")
    <div class="banner two">
        <div class="container">
            <h2 class="second-head">Our Story</h2>
        </div>
    </div>
    <!--//banner-->
    <!--welcome-->
    <div class="our-story">
        <div class="container">
            <!--our-story-top-->
            @if(isset($storys))
                    @foreach($storys as $story)
                        @if(($story->id)%2 == 0)　
                        <div class="our-story-top">
                            <div class="col-md-6 our-story-img">
                                <a href="single.html" class="mask"><img style="height:300px;width:540px;" src="{{$story->picture}}" alt="image" class="img-responsive zoom-img"></a>
                                <div class="date-rotate">
                                    <span>{{$story->create_addr}}</span>
                                </div>
                            </div>
                            <div class="col-md-6 our-story-text">
                                <h4>{{$story->title}}</h4>
                                <p>{{$story->content}}</p>
                                <p class="para">{{$story->content}}</p>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        @elseif(($story->id)%2 ==1)
                        <div class="our-story-top">
                                    <div class="col-md-6 our-story-text two">
                                        <h4>{{$story->title}}</h4>
                                        <p>{{$story->content}}</p>
                                        {{--<p>Lorem Ipsum is simply dummy text of the printing and typesettingLorem Ipsum is simply dummy text of the printing and typesettingLorem Ipsum is simply dummy text of the printing and typesettingLorem Ipsum is simply dummy text of the printing and typesetting</p>--}}
                                        <p class="para">{{$story->content}}</p>
                                    </div>
                                    <div class="col-md-6 our-story-img two">
                                        <a href="single.html" class="mask"><img style="height:300px;width:540px;"  src="{{$story->picture}}" alt="image" class="img-responsive zoom-img"></a>
                                        <div class="date-rotate">
                                            <span>{{$story->create_addr}}</span>
                                        </div>
                                    </div>
                            <div class="clearfix"></div>
                        </div>
                        @endif
                    @endforeach
               @endif
            <!--//our-story-top-->
        </div>
    </div>
    <!--//welcome-->
    @include("system.friends")
@endsection